<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 			
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="description" content="Qiniu VOD player demo">
		<title>友朋会</title>
		<link rel="stylesheet" href="../css/lqbase.css" />
		<link rel="stylesheet" href="../css/lqpublic.css" />
		<link href="https://player.qiniucc.com/sdk/latest/qiniuplayer.min.css" rel="stylesheet">
		<script src="https://player.qiniucc.com/sdk/latest/qiniuplayer.min.js"></script>
		<script src="../js/jquery-1.11.0.min.js"></script>
		<!--[if lt IE 9]>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
        <![endif]-->
        <script type="text/javascript">
			window.onload=function(){			
				var ozan =$(".pdivzan");	
				var allheight = document.body.scrollHeight+"px";//屏幕高度
				for(var i=0; i< ozan.length; i++){					
					ozan[i].onOff = false;			
	
					ozan[i].onclick = function(){	
									
					var oznum = $(this).find("em");
					var oem = parseInt(oznum.html());//当前赞数量					
						if (this.onOff) {//如果已经赞了,
							$(this).removeClass('pdivzaned');						
							oem=oem-1;													
							$("#div2").fadeTo("slow",1);
						   var timer1=setInterval($("#div2").fadeTo("slow",0),2000);	
						   this.onOff= false;
						}else{							
							$(this).addClass('pdivzaned');						
							oem=oem+1;						
							$("#div").fadeTo("slow",1);
						   var timer2=setInterval($("#div").fadeTo("slow",0),2000);		
						  this.onOff= true;				
						}
														
					clearInterval(timer1);
					clearInterval(timer2);
					oznum.html(oem);
				}
				}	
				
				$(".look-share").click(function(){
					$(".zhezhaoc").css("display","flex");
					$(".zhezhaoc").css("height",allheight);
					$(".zhezhao").css("display","flex");
				});
				$(".zhezhao").click(function(){
					$(".zhezhaoc").css("display","none");
					$(".zhezhao").css("display","none");
					});

				}
			
		</script>
	</head>
	<body class="paddbottom">
		<div id="div">已赞</div>
		<div id="div2">取消赞</div>
		<!-- 分享遮罩层 -->
		<div class="zhezhaoc" ></div>
		<div class="zhezhao">
			<img src="../image/icotop.png">
			<p>分享给好友</p>
		</div>
		<!-- 分享遮罩层end -->
		<!--播放div-->
		<div class="bannerdiv">
			<img class="look-titlepic" src="../image/icolq17.png" />
		</div>
		<!--播放divend-->
		
		<!-- 价格，加入订阅，分享试看 -->
		<div class="lookdiv01">
			<div class="look-pic">
				<div class="look-pic01 allwidth">
					<h6 class="look-title01">赵林教授带你走进古典西方文化</h6>
					<h4 class="look-title02">第一集</h4>
				</div>				
			</div>
			<div class="look-div02">
				<div class="look-share">
					分享给好友
				</div>
				<div class="look-pic03">
					<i></i>
					<span>11133333333345</span>
				</div>
			</div>
			<div class="look-tips read">
				<h2 class="read-title">第一章简介</h2>
				<img class="Limg" src="../image/icolq17.png" />
				<p class="read-p">听力课堂是国内很受欢迎的开放式英语学习网站,提供海量英语听力mp3下载(在线学习和免费下载),以及各种免费学英语资料,让您迅速提升英语水平,攻克英语学习难关!听力课堂是国内很受欢迎的开放式英语学习网站,提供海量英语听力mp3下载(在线学习和免费下载),以及各种免费学英语资料,让您迅速提升英语水平,攻克英语学习难关!听力课堂是国内很受欢迎的开放式英语学习网站,提供海量英语听力mp3下载(在线学习和免费下载),以及各种免费学英语资料,让您迅速提升英语水平,攻克英语学习难关!</p>
				<img class="Limg" src="../image/icolq17.png" />
				<p class="read-p">听力课堂是国内很受欢迎的开放式英语学习网站,提供海量英语听力mp3下载(在线学习和免费下载),以及各种免费学英语资料,让您迅速提升英语水平,攻克英语学习难关!听力课堂是国内很受欢迎的开放式</p>
				<p class="read-p">听力课堂是国内很受欢迎的开放式英语学习网站,提供海量英语听力mp3下载(在线学习和免费下载),以及各种免费学英语资料,让您迅速提升英语水平,攻克英语学习难关!听力课堂是国内很受欢迎的开放式</p>
			</div>
		</div>
		<!-- 价格，加入订阅，分享试看end -->

		<!-- 列表 -->
		<div class="look-list">
			<div class="look-pltitle">评论</div>

						<div class="videode03 allwidth">
					<!-- 交流循环 -->
						<div class="videoplist">
							<div class="userpic"><img  src="image/icopic01.png"/></div>
							<div class="pdiv">
								<p class="pdivname">恨水长东</p>
								<p class="pdivcenter">还是老师讲的偏僻如理</p>
								<div class="pdivcaoz">
									<span class="pdivtime">1小时</span>
									<div class="pdivzan"><em class="zannum">0</em><i></i></div>
								</div>
							</div>
						</div>

						<div class="videoplist">
							<div class="userpic"><img  src="image/icopic01.png"/></div>
							<div class="pdiv">
								<p class="pdivname">恨水长东</p>
								<p class="pdivcenter">还是老师讲的偏僻如理</p>
								<div class="pdivcaoz">
									<span class="pdivtime">1小时</span>
									<div class="pdivzan"><em>203</em><i></i></div>
								</div>
							</div>
						</div>
						<div class="videoplist">
							<div class="userpic"><img  src="image/icopic01.png"/></div>
							<div class="pdiv">
								<p class="pdivname">恨水长东</p>
								<p class="pdivcenter">还是老师讲的偏僻如理</p>
								<div class="pdivcaoz">
									<span class="pdivtime">1小时</span>
									<div class="pdivzan"><em>203</em><i></i></div>
								</div>
							</div>
						</div>
						<div class="videoplist">
							<div class="userpic"><img  src="image/icopic01.png"/></div>
							<div class="pdiv">
								<p class="pdivname">恨水长东</p>
								<p class="pdivcenter">还是老师讲的偏僻如理</p>
								<div class="pdivcaoz">
									<span class="pdivtime">1小时</span>
									<div class="pdivzan"><em>203</em><i></i></div>
								</div>
							</div>
						</div>
						<div class="videoplist">
							<div class="userpic"><img  src="image/icopic01.png"/></div>
							<div class="pdiv">
								<p class="pdivname">恨水长东</p>
								<p class="pdivcenter">还是老师讲的偏僻如理</p>
								<div class="pdivcaoz">
									<span class="pdivtime">1小时</span>
									<div class="pdivzan"><em>203</em><i></i></div>
								</div>
							</div>
						</div>
						<!-- end -->
						<!-- 我也说两句 -->
						<div class="pinjiadiv looksee" id="pinjiadiv">
							<input type="text" name="mysay" placeholder="我也说两句"> <a class="pinjsubmit">发送</a>
						</div>
					</div>
		</div>
		
		<!-- 列表end -->
		
		<!-- 底部 -->
		<div id="footernav">
			<a class="jinc onthis" href="index.html">
				<img src="../image/navbottom1-1.png" width="22" height="22"/>
				<span class="red">首页</span>
			</a>
			<a class="jinc" href="dingdanyichuli.html">
				<img src="../image/navbottom2.png" width="22" height="22"/>
				<span>订阅</span>
			</a>
			<a class="jinc" href="store.html">
				<img src="../image/navbottom3.png" width="22" height="22"/>
				<span>发现</span>
			</a>
			<a class="jinc" href="setthis.html">
				<img src="../image/navbottom4.png" width="22" height="22"/>
				<span>我的</span>
			</a>
		</div>
	</body>
</html>
